<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>index</title>
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/common/swiper/swiper-bundle.min.css">
  <link rel="stylesheet" href="/common/bootstrap/css/bootstrap.min.css">
  <script src="/js/jquery.js"></script>
  <script src="/common/swiper/swiper-bundle.min.js"></script>
  <script src="/common/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
  <!-- 头部 -->
  <div class="renovation-hearder centre">
    <ul class="main-top centres">
      <li><a href="#">登录/注册</a></li>
      <li><a href="#">APP/公众号</a></li>
      <li><a href="#">商业合作</a></li>
      <li><a href="#">咨询热线：4000-787-012</a></li>
    </ul>
    <div class="main-bottom centres flex">
      <div class="logo"><img src="/img/logo.jpg" alt=""></div>
      <ul class="main-nav">
        <li><a href="index" class="active">首页</a></li>
        <li><a href="zhuangxiu">装修公司</a></li>
        <li><a href="shejishi">设计师</a></li>
        <li><a href="effect">效果图</a></li>
        <li><a href="fuwu">服务</a></li>
      </ul>
      <div class="main-search ">
        <div class="bule">
          装修公司
          <span class="glyphicon glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
        </div>
        <input type="search" name="" id="" placeholder="请输入公司名称或关键字"  />
      </div>
    </div>
  </div>
  <!-- swiper轮播图 开始-->
  <div class="swiper swipers">
    <div class="swiper-wrapper">
        <div class="swiper-slide" th:each="user:${modules[2].banners}">
          <img th:src="${user.imgUrl1}" alt="">
        </div>
        <!--<div class="swiper-slide"><img src="/img/1.jpg" alt=""></div>
        <div class="swiper-slide"><img src="/img/1.jpg" alt=""></div>-->
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
  </div>
  <!-- 内容 -->
  <div class="renovation-container centre">
    <!-- 免费设计 -->
    <div class="container-list cent flex">
      <dl class="main-list">
        <dt><img th:src="${modules[3].banners[0].imgUrl1}"></a></dt>
        <dd th:text="${modules[3].banners[0].description}"></dd>
      </dl>
      <dl class="main-list">
        <dt><img th:src="${modules[3].banners[1].imgUrl1}"></a></dt>
        <dd th:text="${modules[3].banners[1].description}"></dd>
      </dl>
      <dl class="main-list">
        <dt><img th:src="${modules[3].banners[2].imgUrl1}"></a></dt>
        <dd th:text="${modules[3].banners[2].description}"></dd>
      </dl>
      <dl class="main-list">
        <dt>><img th:src="${modules[3].banners[3].imgUrl1}"></a></dt>
        <dd th:text="${modules[3].banners[3].description}"></dd>
      </dl>
      <dl class="main-list">
        <dt><img th:src="${modules[3].banners[4].imgUrl1}"></a></dt>
        <dd th:text="${modules[3].banners[4].description}"></dd>
      </dl>
<!--      <dl class="main-list">-->
<!--        <dt><img src="/img/3.jpg" alt=""></dt>-->
<!--        <dd>免费报价</dd>-->
<!--      </dl>-->
<!--      <dl class="main-list">-->
<!--        <dt><img src="/img/4.jpg" alt=""></dt>-->
<!--        <dd>海量美图</dd>-->
<!--      </dl>-->
<!--      <dl class="main-list">-->
<!--        <dt><img src="/img/5.jpg" alt=""></dt>-->
<!--        <dd>装修课堂</dd>-->
<!--      </dl>-->
<!--      <dl class="main-list">-->
<!--        <dt><img src="/img/4.jpg" alt=""></dt>-->
<!--        <dd>话题讨论</dd>-->
<!--      </dl>-->
    </div>
    <!-- 北京装修公司 -->
    <div class="container-company  cent">
      <div class="company-title">
       <div class="tit-left">
        <h3 th:text="${modules[4].module.name}"></h3>
        <p th:text="${modules[4].module.title}"></p>
       </div>
       <div class="tit-left">
        <span>←</span>
        <span> →</span>
       </div>
      </div>
      <div class="company-content">
        <div class="swiper myswiper">
          <div class="swiper-wrapper">

              <div class="swiper-slide" th:each="user:${modules[4].banners}">
                <dl class="far">
                  <dt class="fater">
                    <div class="img"><img th:src="${user.imgUrl1}" alt="" ></div>
                    <div class="posi"> <img src="/img/7.jpg" alt="" ></div><!-- 大业美家logo -->
                  </dt>
                  <dd class="written">
                    <h4 th:text="${user.title}"></h4>
                    <div class="written-an">
                      <div class="anli" th:text="${user.b1}">： <span th:text="${user.b2}"></span> </div>
                      <div class="anli" th:text="${user.b3}">： <span th:text="${user.b4}"></span> </div>
                    </div>
                    <div class="written-order" th:text="${user.description}"></div>
                  </dd>
                </dl>
              </div>

<!--              <div class="swiper-slide">-->
<!--                <dl class="far">-->
<!--                  <dt class="fater">-->
<!--                    <div class="img"><img src="/img/6.jpg" alt="" ></div>-->
<!--                    <div class="posi"> <img src="/img/7.jpg" alt="" ></div>-->
<!--                  </dt>-->
<!--                  <dd class="written">-->
<!--                    <h4>济南尚易装饰</h4>-->
<!--                    <div class="written-an">-->
<!--                      <div class="anli">设计师案例： <span>0</span> </div>-->
<!--                      <div class="anli">团队图案： <span>0</span> </div>-->
<!--                    </div>-->
<!--                    <div class="written-order"> + 预约设计 + </div>-->
<!--                  </dd>-->
<!--                </dl>-->
<!--              </div>-->
<!--              <div class="swiper-slide">-->
<!--                <dl class="far">-->
<!--                  <dt class="fater">-->
<!--                    <div class="img"><img src="/img/6.jpg" alt="" ></div>-->
<!--                    <div class="posi"> <img src="/img/7.jpg" alt="" ></div>-->
<!--                  </dt>-->
<!--                  <dd class="written">-->
<!--                    <h4>济南尚易装饰</h4>-->
<!--                    <div class="written-an">-->
<!--                      <div class="anli">设计师案例： <span>0</span> </div>-->
<!--                      <div class="anli">团队图案： <span>0</span> </div>-->
<!--                    </div>-->
<!--                    <div class="written-order"> + 预约设计 + </div>-->
<!--                  </dd>-->
<!--                </dl>-->
<!--              </div>-->
<!--              <div class="swiper-slide">-->
<!--                <dl class="far">-->
<!--                  <dt class="fater">-->
<!--                    <div class="img"><img src="/img/6.jpg" alt="" ></div>-->
<!--                    <div class="posi"> <img src="/img/7.jpg" alt="" ></div>-->
<!--                  </dt>-->
<!--                  <dd class="written">-->
<!--                    <h4>济南尚易装饰</h4>-->
<!--                    <div class="written-an">-->
<!--                      <div class="anli">设计师案例： <span>0</span> </div>-->
<!--                      <div class="anli">团队图案： <span>0</span> </div>-->
<!--                    </div>-->
<!--                    <div class="written-order"> + 预约设计 + </div>-->
<!--                  </dd>-->
<!--                </dl>-->
<!--              </div>-->

          </div>
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
        </div>


      </div>

    </div>
    <!-- 精美效果图 -->
    <div class="container-company  cent   container-exquisite">
      <div class="company-title">
       <div class="tit-left">
        <h3 th:text="${modules[5].module.name}"></h3>
        <p th:text="${modules[5].module.title}"></p>
       </div>
       <ul class="exquisite-nav">
        <li><a href="#">简约</a></li>
        <li><a href="#">欧式</a></li>
        <li><a href="#">美式</a></li>
        <li><a href="#">中式</a></li>
        <li><a href="#">北欧</a></li>
        <li><a href="#" class="actives">全部美图</a></li>
       </ul>
      </div>
      <!-- 内容 -->
      <div class="exquisite-content">
        <div class="cont-one">
          <div class="swiper swiperi">
            <div class="swiper-wrapper">
              <div class="swiper-slide" >
                  <dl class="far">
                    <dt class="fater">
                      <div class="img"><img th:src="${modules[5].banners[0].imgUrl1}" alt="" ></div>
                      <div class="posi"> <img th:src="${modules[5].banners[0].imgUrl2}" alt="" ></div>
                    </dt>
                    <dd class="written">
                      <h4>[[${modules[5].banners[0].title}]]</h4>
                      <p>[[${modules[5].banners[1].b1}]] [[${modules[5].banners[1].b3}]] [[${modules[5].banners[1].b4}]] [[${modules[5].banners[1].title}]] [[${modules[5].banners[1].description}]]</p>
                    </dd>
                  </dl>
              </div>

              <div class="swiper-slide" >
                <dl class="far">
                  <dt class="fater">
                    <div class="img"><img th:src="${modules[5].banners[4].imgUrl1}" alt="" ></div>
                    <div class="posi"> <img th:src="${modules[5].banners[4].imgUrl2}" alt="" ></div>
                  </dt>
                  <dd class="written">
                    <h4>[[${modules[5].banners[0].title}]]</h4>
                    <p>[[${modules[5].banners[1].b1}]] [[${modules[5].banners[1].b3}]] [[${modules[5].banners[1].b4}]] [[${modules[5].banners[1].title}]] [[${modules[5].banners[1].description}]]</p>
                  </dd>
                </dl>
              </div>

<!--              -->
<!--                <div class="swiper-slide">-->
<!--                  <dl class="far">-->
<!--                    <dt class="fater">-->
<!--                      <div class="img"><img src="/img/13.jpg" alt="" ></div>-->
<!--                      <div class="posi"> <img src="/img/32.jpg" alt="" ></div>-->
<!--                    </dt>-->
<!--                    <dd class="written">-->
<!--                      <h4> 118平三室二厅恬淡田园装修效果图</h4>-->
<!--                      <p>设计风格:恬淡田园-房屋面积:11Em”-户型结构:3室2厅1卫</p>-->
<!--                    </dd>-->
<!--                  </dl>-->
<!--                </div>-->
<!--                <div class="swiper-slide">-->
<!--                  <dl class="far">-->
<!--                    <dt class="fater">-->
<!--                      <div class="img"><img src="/img/13.jpg" alt="" ></div>-->
<!--                      <div class="posi"> <img src="/img/32.jpg" alt="" ></div>-->
<!--                    </dt>-->
<!--                    <dd class="written">-->
<!--                      <h4> 118平三室二厅恬淡田园装修效果图</h4>-->
<!--                      <p>设计风格:恬淡田园-房屋面积:11Em”-户型结构:3室2厅1卫</p>-->
<!--                    </dd>-->
<!--                  </dl>-->
<!--                </div>-->
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
          </div>

        </div>
        <div class="cont-two">
          <div class="phon"><img th:src="${modules[5].banners[2].imgUrl1}" alt=""></div>
          <div class="gay" th:text="${modules[5].banners[2].description}"></div>
        </div>
        <div class="cont-two">
          <div class="phon"><img th:src="${modules[5].banners[3].imgUrl1}" alt=""></div>
          <div class="gay" th:text="${modules[5].banners[3].description}"></div>
        </div>
      </div>


    </div>
    <!-- 学装修知识 -->
    <div class="container-company  cent   container-knowledge">
      <div class="company-title">
       <div class="tit-left">
        <h3>学习装修知识</h3>
        <p>学习装修经验与交流装修相关问题,小白晋级达人就靠它</p>
       </div>
       <div class="more"><a href="#">+更多</a></div>
      </div>
      <!-- 内容 -->
      <div class="knowledge-content ">

        <dl class="know-wiki" th:each="user,userStat:${modules[6].banners}">
          <dt class="wiki-photo">
            <div class="pho"><img th:src="${user.imgUrl1}" alt=""></div>
            <div class="gays" th:text="${user.description}"></div>
          </dt>
          <dd class="wiki-introduce">
            <div class="introduce-top ">
              <div class="top-zp"><img th:src="${user.imgUrl2}" alt=""></div>
              <div class="top-wenzi">
                <p class="tit" th:text="${user.b1}"></p>
                <p th:text="${user.b2}"></p>
              </div>
            </div>
            <ul class="introduce-bottom">
              <li><a href="#" th:text="${modules[7].banners[userStat.index].b1}"></a></li>
              <li><a href="#" th:text="${modules[7].banners[userStat.index].b2}"></a></li>
              <li><a href="#" th:text="${modules[7].banners[userStat.index].b3}"></a></li>
              <li><a href="#" th:text="${modules[7].banners[userStat.index].description}"></a></li>
              <li><a href="#" th:text="${modules[7].banners[userStat.index].title}"></a></li>
            </ul>

          </dd>

        </dl>
<!--        <dl class="know-wiki">-->
<!--          <dt class="wiki-photo">-->
<!--            <div class="pho"><img src="/img/17.jpg" alt=""></div>-->
<!--            <div class="gays">选材手册</div>-->
<!--          </dt>-->
<!--          <dd class="wiki-introduce">-->
<!--            <div class="introduce-top ">-->
<!--              <div class="top-zp"><img src="/img/21.jpg" alt=""></div>-->
<!--              <div class="top-wenzi">-->
<!--                <p class="tit">宜家墙面油漆购买技巧</p>-->
<!--                <p>墙面漆是—种常见的材料，而且也有很多的品牌，不一样</p>-->
<!--              </div>-->
<!--            </div>-->
<!--            <ul class="introduce-bottom">-->
<!--              <li><a href="#">厨房墙面砖有哪些材料如何选购厨房墙面砖浴霸生产厂家有哪些</a></li>-->
<!--              <li><a href="#">浴霸的选购技巧</a></li>-->
<!--              <li><a href="#"> 全套家具大概多少钱家具的选购技巧</a></li>-->
<!--              <li><a href="#">空调机尺寸是多少空调的好处有哪些</a></li>-->
<!--              <li><a href="#">沙发茶几搭配技巧沙发茶几组合怎么选</a></li>-->
<!--              <li><a href="#">厕所渗水怎么做卫生问渗水的原因是什么</a></li>-->
<!--            </ul>-->

<!--          </dd>-->

<!--        </dl>-->
<!--        <dl class="know-wiki">-->
<!--          <dt class="wiki-photo">-->
<!--            <div class="pho"><img src="/img/18.jpg" alt=""></div>-->
<!--            <div class="gays">装修流程</div>-->
<!--          </dt>-->
<!--          <dd class="wiki-introduce">-->
<!--            <div class="introduce-top ">-->
<!--              <div class="top-zp"><img src="/img/22.jpg" alt=""></div>-->
<!--              <div class="top-wenzi">-->
<!--                <p class="tit">家庭装修细节注意事项.-->
<!--                </p>-->
<!--                <p>装作房屋是每个家庭中都特别重视的事情,装修中有很多.</p>-->
<!--              </div>-->
<!--            </div>-->
<!--            <ul class="introduce-bottom">-->
<!--              <li><a href="#">阳台装修图片介绍阳台装修注意事项</a></li>-->
<!--              <li><a href="#">新中式吊顶设计要点如何设计新中式吊顶</a></li>-->
<!--              <li><a href="#">复式公寓装作效果图介绍复式公离装修技巧</a></li>-->
<!--              <li><a href="#">全包比半包装修贵多少全包装修注意事项</a></li>-->
<!--              <li><a href="#">地板深色怎么搭配墙面深色家具搭配什么地板</a></li>-->
<!--              <li><a href="#">厕所渗水怎么做卫生问渗水的原因是什么</a></li>-->
<!--            </ul>-->
<!--          </dd>-->

<!--        </dl>-->
<!--        <dl class="know-wiki">-->
<!--          <dt class="wiki-photo">-->
<!--            <div class="pho"><img src="/img/19.jpg" alt=""></div>-->
<!--            <div class="gays">装修风水</div>-->
<!--          </dt>-->
<!--          <dd class="wiki-introduce">-->
<!--            <div class="introduce-top ">-->
<!--              <div class="top-zp"><img src="/img/23.jpg" alt=""></div>-->
<!--              <div class="top-wenzi">-->
<!--                <p class="tit">怎么看家里的风水如何.</p>-->
<!--                <p>关于房屋的选址和房子内部的装修,很多的朋友会依据风.</p>-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="introduce-top ">-->
<!--              <div class="top-zp"><img src="/img/24.jpg" alt=""></div>-->
<!--              <div class="top-wenzi">-->
<!--                <p class="tit">联排别墅风水布局联排</p>-->
<!--                <p>联排别墅的装修可是个大工程,所以很多业主对其风水</p>-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="introduce-top ">-->
<!--              <div class="top-zp"><img src="/img/25.jpg" alt=""></div>-->
<!--              <div class="top-wenzi">-->
<!--                <p class="tit">家风水相关说明家具风.</p>-->
<!--                <p>装修与居家风水的关系自古以来都是的密切的,中国的居.</p>-->
<!--              </div>-->
<!--            </div>-->
<!--          </dd>-->
<!--        </dl>-->

        <!--错误-->
        <dl class="know-wiki">
          <dt class="wiki-photo" >
            <div class="pho"><img th:src="${modules[8].banners[0].imgUrl1}" alt=""></div>
            <div class="gays"><span th:text="${modules[8].banners[0].title}"></span></div>
          </dt>
          <dd class="wiki-introduce">
          <div class="introduce-top" th:each="num2, userStat:${modules[8].banners}" th:if="${userStat.index lt userStat.size and userStat.index gt 0}">
            <div class="top-zp"><img th:src="${num2.imgUrl1}" alt=""></div>
            <div class="top-wenzi">
              <p class="tit"><span th:text="${num2.description}"></span></p >
              <p><span th:text="${num2.b1}"></span></p >
            </div>
          </div>
        </dl>
      </div>
    </div>
    <!-- 装修问题 -->
    <div class="container-company  cent   container-knowledge">
      <div class="company-title">
        <div class="tit-left">
          <h3>[[${modules[9].module.name}]]</h3>
          <p>[[${modules[9].module.title}]]</p >
        </div>
        <div class="more"><a href=" ">[[${modules[9].module.description}]]</a></div>
    </div>
    <!-- 内容 -->
<!--    &lt;!&ndash; 装修问题 &ndash;&gt;-->
<!--    <div class="container-company  cent   container-knowledge">-->
<!--      <div class="company-title">-->
<!--       <div class="tit-left">-->
<!--        <h3>装修问题</h3>-->
<!--        <p>装修大师在线答疑，装修不再是难题</p>-->
<!--       </div>-->
<!--       <div class="more"><a href="#">+更多</a></div>-->
<!--      </div>-->
<!--      &lt;!&ndash; 内容 &ndash;&gt;-->
      <div class="question-content">
        <div class="ques-one">
          <div class="one-tit">[[${modules[9].banners[0].title}]] </div>
          <p>[[${modules[9].banners[0].b1}]] </p>
          <div class="one-comment">
            <div class="com-left">
              <div>
                <img th:src="${modules[10].banners[0].imgUrl1}">
                <span>[[${modules[10].banners[0].b1}]]</span> [[${modules[10].banners[0].b2}]]
              </div>
            </div>
            <div class="com-right" >
              <img th:src="${modules[10].banners[0].imgUrl2}">
              <span>[[${modules[10].banners[0].b3}]]</span>
            </div>
        </div>
        <div class="ques-one">
          <div class="one-tit">[[${modules[9].banners[1].title}]] </div>
          <p>[[${modules[9].banners[1].b1}]] </p>
          <div class="one-comment">
            <div class="com-left">
              <div>
                <img th:src="${modules[10].banners[1].imgUrl1}">
                <span>[[${modules[10].banners[1].b1}]]</span> [[${modules[10].banners[1].b2}]]
              </div>
            </div>
            <div class="com-right" >
              <img th:src="${modules[10].banners[1].imgUrl2}">
              <span>[[${modules[10].banners[1].b3}]]</span>
            </div>
          </div>
        </div>
        <div class="ques-one">
          <div class="one-tit">[[${modules[9].banners[2].title}]] </div>
          <p>[[${modules[9].banners[2].b1}]] </p>
          <div class="one-comment">
            <div class="com-left">
              <div>
                <img th:src="${modules[10].banners[2].imgUrl1}">
                [[${modules[10].banners[2].b1}]][[${modules[10].banners[2].b2}]]
              </div>
            </div>
            <div class="com-right" >
              <img th:src="${modules[10].banners[2].imgUrl2}">
              <span>[[${modules[10].banners[2].b3}]]</span>
            </div>
          </div>
        </div>

      </div>
    </div>
      <!-- 数字快 -->
      <div class="container-company  cent   container-number">
        <div class="num-one" th:each="num:${modules[11].banners}">
          <div class="num-top"><span th:text="${num.title}"></span></div>
          <div class="num-bottom"><span th:text="${num.description}"></span></div>
        </div>
<!--      <div class="num-one">-->
<!--        <div class="num-top">7000+</div>-->
<!--        <div class="num-bottom">合作装修公司</div>-->
<!--      </div>-->
<!--      <div class="num-one">-->
<!--        <div class="num-top">30000+</div>-->
<!--        <div class="num-bottom">合作设计师</div>-->
<!--      </div>-->
<!--      <div class="num-one">-->
<!--        <div class="num-top">150+</div>-->
<!--        <div class="num-bottom">城市分站</div>-->
<!--      </div>-->
    </div>
  </div>
  <!-- 底部 -->
  <div class="renovation-bottom  centre">
    <div class=" cent  ">
      <div class="bottom-top ">
        <div class="bot-left">
          <ul class="about-bot">
            <h5>关于我们</h5>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#"> 招贤纳士</a></li>
            <li><a href="#">商务合作</a></li>
          </ul>
          <ul class="about-bot">
            <h5>新手上路</h5>
            <li><a href="#">免费注册</a></li>
            <li><a href="#">免费设计</a></li>
            <li><a href="#">免费报价</a></li>
            <li><a href="#">牯修攻路</a></li>
          </ul>
          <ul class="about-bot">
            <h5>帮助中心</h5>
            <li><a href="#">忘记密码</a></li>
            <li><a href="#">侵权投诉</a></li>
            <li><a href="#">法律声明</a></li>
            <li><a href="#">装修问答</a></li>
          </ul>
          <ul class="about-bot">
            <h5>全国统一电话: <span>  4000-787-012</span></h5>
            <li><a href="#">在线咨询:8:30-18:00</a></li>
            <li><a href="#">业务电话:4000-7B7-012</a></li>
            <li><a href="#"> 公司地址:山东省济南市历城区二环东路东环国际广场D做12层</a></li>

          </ul>
        </div>
        <div class="bot-right">
          <img src="/img/weweima_03.png" alt="">
          <p>关注公众号</p>
        </div>

      </div>
      <div class="bottom-center">
        <div class="cen-top"><span>热门装修网</span>&nbsp;&nbsp; 友情链接 </div>
        <div class="cen-bot">
          武汉装修网 合肥装修网 杭州装修网 无铺装修网 青岛鞍修网 兰州装修网 哈尔滨装修网 沈阳装修网 太原敲修网 广州装修网 兰州凄修网 哈尔滨装修网 沈阳装修网 太原装修网 广州装修网 武汉装修网 台肥装修网 杭洲装修网 无镵菽修网 胄岛跋侮网 兰州装修网 哈尔滨装修网 沈阳装修网 太原装修网 广州装修网 兰州装修网 哈尔滨装修网沈阳装修网 太原装修网 广州装修网

        </div>

      </div>
      <div class="bottom-bottom">
        <div class="bot-wen">
          <div>免责声明:本网站部分内容由用户自行上传，如权利人发现存在误传其作品情形，请及时与本站联系。装修之家我网保留所有权利</div>
          <div> Copyright@2010-2021济南六度网络技术有限公司zzhijia.comALlLRightls Resenved.备案号:鲁ICP备12026533号鲁公网安备37011202000873号</div>
        </div>
        <div class="bot-img">
          <img src="/img/30.jpg" alt="">
          <img src="/img/31.jpg" alt="">
        </div>

      </div>





    </div>
  </div>

  <script>
    // banner轮播图
    var mySwiper = new Swiper('.swipers', {
      autoplay: true,//可选选项，自动滑动
      loop:true,
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      scrollbar: {
        el: '.swiper-scrollbar',
        draggable: true,
      },
    })
    // 北京装修公司
    var mySwiper = new Swiper('.myswiper', {
      autoplay:false,//可选选项，自动滑动
      direction: 'horizontal',
      slidesPerView: 4,
      spaceBetween:15,
      // centeredSlides: true,
      loop:true,
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },

    })
    // 精美效果图
    var mySwiper = new Swiper('.swiperi', {
      autoplay:false,//可选选项，自动滑动
      parallax : true,
      pagination: {
        el: ".swiper-pagination",
        clickable: true,
      },
      scrollbar: {
        el: '.swiper-scrollbar',
        draggable: true,
      },
    })




  </script>
</body>
</html>
